.commun-bg {
    height: 10rem;
    background-color: #D33043;
}

.van-search {
    background: transparent!important;
}


/*========== 搜索框 =========*/

.search {
    text-align: center;
    margin: 0 auto;
    padding-top: 2rem;
}

.search .search_box {
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #dbdbdb;
    width: 80%;
    overflow: hidden;
}


/*========== 搜索框输入 =========*/

.search_box .search_input {
    background: transparent!important;
    font-size: 0.7rem;
    color: #FFFFFF;
    letter-spacing: 2px;
    width: 100%;
    line-height: 37px;
    border: none;
    outline: none;
}

input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #ffffff;
}


/*========== 搜索图标 =========*/

.search_box .search_span {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 7px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(../../../assets/img/search.png);
    background-repeat: no-repeat;
    /** 不重复*/
    background-size: contain;
    /**等比例缩放*/
    background-size: 24px 24px;
}


/* 社区名称 */

.commun-selector {
    text-align: center;
    margin: 0 auto;
    /* width: 80%; */
    letter-spacing: 1px;
    /* box-shadow: 0px 0px 12px 0px rgba(86, 31, 34, 0.3); */
    margin-top: 2rem;
    margin-bottom: 1rem;
}


/* 社区名称 */

.commun-selector span {
    color: #ffffff;
    font-size: 0.6rem;
    display: inline;
}


/* <!-- 单项联选择器 --> */

.commun-box {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    height: 157%;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px 0px rgba(86, 31, 34, 0.3);
    /* box-shadow: 0px 0px 30px 0px rgba(213, 40, 39, 0.2); */
    border-radius: 10px;
}


/* 按钮 */

.commun-box button {
    border: none;
    width: 70%;
    line-height: 1.8rem;
    border-radius: 20px;
    background-color: #D33043;
    color: #FFFFFF;
    font-size: 0.8rem;
}